<!DOCTYPE html>
<html lang="en">
<head>
	<!-- Title -->
	<title>Login | Graindashboard UI Kit</title>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta http-equiv="x-ua-compatible" content="ie=edge">

	<!-- Favicon -->
	<link rel="shortcut icon" href="/img/favicon.ico">

	<!-- Template -->
	<link rel="stylesheet" href="/css/graindashboard.css">
</head>

<body class="">

<main class="main">

	<div class="content">

		<div class="container-fluid pb-5">

			<div class="row justify-content-md-center">
				<div class="card-wrapper col-12 col-md-4 mt-5">
					<div class="brand text-center mb-3">
						<a href="/"><img src="/img/logo.png"></a>
					</div>
					<div class="card">
						<div class="card-body">
							<h4 class="card-title">User Login</h4>
							<form action="/users/login" method="post" id="form">
								<div class="form-group">
									<label for="phone">Phone</label>
									<input id="phone" class="form-control" name="phone" required="" autofocus="">
								</div>

								<div class="form-group">
									<label for="password">Password
									</label>
									<input id="password" type="password" class="form-control" name="password" required="">
								</div>

								<div class="form-group no-margin">
									<a onclick="document:form.submit()" class="btn btn-primary btn-block">
										Sign In
									</a>
								</div>
								<div class="text-center mt-3 small">
									Don't have an account? <a href="/users/register">Sign Up</a>
								</div>
							</form>
						</div>
					</div>
					<footer class="footer mt-3">
						<div class="container-fluid">
							<div class="footer-content text-center small"></div>
						</div>
					</footer>
				</div>
			</div>


		</div>

	</div>
</main>
<script src="/js/graindashboard.js"></script>
<script src="/js/graindashboard.vendor.js"></script>
</body>
</html>